<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>找牛网-绑定新手机</title>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/register.css">
    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.min.js"></script>
    <![endif]-->
    <style>
        html, body, #first, #second {
            width: 100%;
            height: 100%;
        }
        body {
            overflow: hidden;
        }
        #first, #second{
            position: absolute;
        }
        #first {
            padding-top: 44px;
            top: 0;
            left: 0;
        }
        #second {
            padding-top: 44px;
            top: 0;
            left: 100%;
            display: none;
        }
        .header-tab div h5:nth-child(3) {
            width: 20%;
            position: relative;
            float: right;
            z-index: 2;
        }
        .header-tab div h5:nth-child(3) a {
            text-align: center;
            display: block;
            height: 44px;
            line-height: 44px;
            font-size: 18px;
            color: #FFFFFF;
        }

        #userCode {
            margin-left: -13%;
        }
        #newuserPhone, #newuserCode {
            margin-top: -20px;
            margin-left: -10%;
        }
        #newuserCode {
            margin-left: -50%;
        }
    </style>
</head>

<body>
<div id='first'>
    <header class="header-tab">
        <div>
            <a href="myAccount.html">
                <span>
			        <img src="img/order_left.png" alt="" />
		        </span>
            </a>
            <h5>旧号码验证</h5>
            <h5><a href='#/next' id='next'>下一步</a></h5>
        </div>
    </header>
    <div class="content">
        <div class="entry">
            <input id='oldPhone' type="tel" readonly/>
            <div id="userPhone" class="display">(手机号)</div>
        </div>
        <div class="verify-code">
            <div class="entry">
                <input type="text" placeholder="验证码" />
                <div id="userCode" class="display">（验证码）</div>
            </div>
            <button  id='oldCode'>发送验证码</button>
        </div>

    </div>
</div>
<div id='second'>
    <header class="header-tab">
        <div>
            <a href='javascript:;' id='goFirst'>
                <span>
                    <img src="img/order_left.png" alt="" />
                </span>
            </a>
            <h5>新手机验证</h5>
            <h5><a href='#/next'>完成</a></h5>
        </div>
    </header>
    <div class="content">
        <div class="entry">
            <input id='newPhoneNumber' type="tel" placeholder="输入新的手机号码"/>
            <div id="newuserPhone" class="display">(手机号)</div>
        </div>
        <div class="verify-code">
            <div class="entry">
                <input type="text" placeholder="验证码" />
                <div id="newuserCode" class="display">（验证码）</div>
            </div>
            <button id='newCode'  style='background-color: rgb(204,204,204);'>发送验证码</button>
        </div>

    </div>
</div>

<script src="lib/jquery/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="js/main.js"></script>
<script src="js/count.js" type="text/javascript" charset="utf-8"></script>
<script src="js/modifyPhone2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/weChatLogin.js" type="text/javascript" charset="utf-8"></script>

</body>

</html>